// import add from './country-add.js';//模块静态导入
// import {a,add,update} from './country-add.js';
//
// // add();
//
// import("./country-add.js").then(m=>{//模块的动态导入
//     console.debug(m);
//     let add1 = m.default;
//     // add1();
//     let a = m.a;
//     let add = m.add;
//     let update = m.update;
// });

import add from './country-add.js';
import del from './country-del.js';
import update from './country-update.js';

let datagrid = document.querySelector("._datagrid");
/**
 * 加载数据
 */
let loadData = function () {
    fetch("country-list.let").then((r) => r.json()).then((data) => {
        console.debug(data);
        datagrid.innerHTML = "";
        data.forEach((item, index) => {
            let tr = document.createElement("tr");
            tr.innerHTML = `
            <td>${index + 1}</td>
            <td>${item.countryCode}</td>
            <td>${item.countryNameCn}</td>
            <td>${item.countryNameEn}</td>
            <td>${item.countryName}</td>
            <td class="p-2"><div class="btn-group btn-group-sm">
                <button type="button" class="btn btn-primary _update" title="修改"><i class="fa fa-edit"></i></button>
                <button type="button" class="btn btn-danger _delete" title="删除"><i class="fa fa-remove"></i></button>
            </div></td>`;
            datagrid.appendChild(tr);
            tr.querySelector("._update").onclick=function(){
                update(item);
            }
            tr.querySelector("._delete").onclick=function(){
                del(item);
            }
        });
    }).catch((e) => {
        console.error(e);
    });
}
loadData();
window.addEventListener("message",function (e) {
    console.debug(e);
    if(e.data=="loadData"){
        loadData();
    }
});
add();